<template>
  <Card :tab-list="tabListTitle" v-bind="$attrs" :active-tab-key="activeKey">
    <div class="flex justify-between" style="align-content: end">
      <VisitAnalysis/>
      <SalesProductPie class="md:w-1/3 w-full" />
    </div>
  </Card>
</template>
<script lang="ts" setup>
  import {ref} from "vue";
  import { Card } from 'ant-design-vue';
  import VisitAnalysis from './VisitAnalysis.vue';
  import SalesProductPie from "/@/views/testDemo/echarDemo/components/SalesProductPie.vue";

  const activeKey = ref('tab1');

  const tabListTitle = [
    {
      key: 'tab1',
      tab: '流量趋势',
    },
  ];
</script>
